--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Commit a61ec0f81049c0ec4077c02fa4b014dc8b3ebf6d
Parents : cad232e
Author : Ivan <ivan@quad4.io>
Signature : Signature validation error
Date : 2026-05-18T05:30:58-05:00
fix(ui): improve timestamp and icon readability on solid-colored outbound bubbles
Changes
1 files changed, 4 insertions(+), 4 deletions(-)
Diff
diff --git a/meshchatx/src/frontend/components/messages/ConversationViewer.vue b/meshchatx/src/frontend/components/messages/ConversationViewer.vue
index f4f13942..fe9fe946 100644
--- a/meshchatx/src/frontend/components/messages/ConversationViewer.vue
+++ b/meshchatx/src/frontend/components/messages/ConversationViewer.vue
@@ -4487,7 +4487,7 @@ export default {
if (this.isThemeOutboundBubble(chatItem)) {
return "text-sky-700/90 dark:text-sky-200/85";
}
- return "text-white/90";
+ return "text-white";
},
outboundSendingStatusIconClass(chatItem) {
if (this.isOutboundWaitingBubble(chatItem)) {
@@ -4496,7 +4496,7 @@ export default {
if (this.isThemeOutboundBubble(chatItem)) {
return "text-sky-700 dark:text-sky-300";
}
- return "text-white/90";
+ return "text-white";
},
outboundReplySnippetTitleClass(chatItem) {
if (!chatItem.is_outbound) {
@@ -4532,13 +4532,13 @@ export default {
if (this.isThemeOutboundBubble(chatItem)) {
return "text-sky-700 dark:text-sky-300";
}
- return "text-white/90";
+ return "text-white";
},
outboundBubblePendingCheckIconClass(chatItem) {
if (this.isThemeOutboundBubble(chatItem)) {
return "text-sky-700 dark:text-sky-300 opacity-50";
}
- return "text-white/90 opacity-50";
+ return "text-white opacity-50";
},
outboundEmbeddedCardClass(chatItem) {
if (!chatItem?.is_outbound) {
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────